<%-- <%@ page contentType="text/html; charset=MS949"%> --%>
<%@ page contentType="text/javascript; charset=utf-8" pageEncoding="utf-8"%>
<%
response.setHeader("Content-type", "utf-8");
response.setHeader("Cache-Control","no-store");   
response.setHeader("Pragma","no-cache");   
response.setDateHeader("Expires",0);
// 	response.setHeader("Content-Type", "UTF-8");
// 	response.setCharacterEncoding("UTF-8");
// 	response.addHeader("Cache-Control", "post-check=0,pre-check=0");
// 	response.setHeader("Pragma", "no-cache");
// 	response.setHeader("Expires", "-1");
	
	String userId = (String)session.getAttribute("userId");
	String userName = (String)session.getAttribute("userName");
	
	System.out.println("userName = " + userName);
	if(userId == null){
%>
	<script type="text/javascript">
<!--
		alert("접속이 끊겼습니다.");
//-->
</script>
<%
	}else{
%>
	<script type="text/javascript">
<!--
		alert("session = " + <%=userId%>);
//-->
</script>
<%
	}
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> -->
<link	href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
	rel="stylesheet" type="text/css" />

<script	src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script	src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script>
	$(document).ready(function() {
		$("#accordion").accordion();
	});
</script>

<style type="text/css">
#accordion ul {
	padding-left: 10px;
}
#login-form {
    width: 95%;
    margin: 5px auto;
}
#login-ok font{
	font-size: 13px;
}
</style>

<script type="text/javascript">
	$(document).ready(function() {
		$('a').css('cursor', 'pointer');
// 		$('a').html('style', 'color:red;');

		$('#goLoginBtn').bind('click', function(){
			checkLogin();
// 			alert("test");
		});
		
	});

	function goPage(u) {
		alert("u = " + u);
		$('#form').attr('action', u).submit();

	}
	
	function checkLogin(){
		 
	    if( $.trim($("#userId").val()) == '' ){
	        alert("아이디를 입력해 주세요.");
	        $("#userId").focus();
	        return;
	    }
	 
	    if( $.trim($("#userPw").val()) == '' ){
	        alert("비밀번호를 입력해 주세요.");
	        $("#userPw").focus();
	        return;
	    }
	 
	    $("#goLoginBtn").ajaxStart(function (){
        	$("#goLoginBtn").attr("value","로그인 중 입니다....");
	     });
	    $("#goLoginBtn").ajaxStop(function (){
	            $("#goLoginBtn").attr("value","로그인");
	     });
	    
	    var dataString = $("#login-frm").serialize();
	    // 로그인 프로세스 호출
	    $.ajax({
	        type: 'post'
        	,dataType : "json"
	        , async: true
	        , url: 'submitLogin.html'
	        , data: dataString
	        , global: true
	        ,contentType: "application/x-www-form-urlencoded; charset=utf-8"
	        , beforeSend: function() {
	             $('#ajax_load_indicator').show().fadeIn('fast'); 
	          }
	        , success: function( response) {
	            console.log("success forward : "+response);
	            var result = response.result;
				var userName = unescape(response.userName);
				alert("eeeeeeeeee = " + unescape(userName));
	            // 메세지 할당
// 	            switch(response) {
// 	                case "nomatch": 
// 	                    msg = "아이디 또는 비밀번호가 일치하지 않습니다."; break;
// 	                case "fail": 
// 	                    msg = "로그인에 실패 했습니다."; break;
// 	                default : 
// 	                    msg = "존재하지 않는 사용자입니다."; break;
// 	            }
	 
	            // 분기 처리
	            if(response=="success"){
// 	                window.location.href = "${targetUrl}";
// 	                alert("성공");
		             $('#login-ok').show().fadeIn('fast'); 
		        	 $('#login-form').fadeOut();
		        	 $("#user-name-left").html("<font color='#4074b4'><strong> <%= (String)session.getAttribute("userName") %>");
	            } else {
// 	                alert(msg);
	            }
	          }
	        , error: function(data, status, err) {
	        	 console.log("error forward : "+data);
	            alert('서버와의 통신이 실패했습니다.');
	          }
	        , complete: function() { 
	        	 $('#ajax_load_indicator').fadeOut();
	          }
	    });
	}
	
</script>
</head>
<body style="font-size: 62.5%;">

	<form id="form" target="test" method="post">
		<input type="hidden" id="merch_no" name="merch_no" value="" />
		<input type="hidden" id="company_cd" name="company_cd" value="" />
	</form>

		<div id="ajax_load_indicator" style="display:none;">
            <p style="text-align:center; padding:16px 0 0 0"><img src="/images/loding.gif" /></p>
        </div>
        
        <div id="login-ok" style="height:100px;display:none;">
        	<table style="width:100%;">
				<tr>
					<td style="background:url(/images/user_bg.png) no-repeat;text-align: center;" height="120">
						<font color="#686f75" id="user-name-left">
						</font>
						<font color="#4074b4"><strong>님 </strong>
						</font><br>
						<font color="#4074b4"><strong>환영합니다.</strong>
						</font><br>
					</td>
				</tr>
			</table>
        </div>

		<div id="login-form" style="height:100px;">
			<form id="login-frm" method="post" action="submitLogin.html">
				<table>
					<colgroup>
						<col width="25%"/>
						<col width="75%"/>
					</colgroup>
					<tr>
						<td>ID :</td>
						<td><input type="text" id="userId"  name="userId"  style="width:97%;"></td>
					</tr>
					<tr>
						<td>PASS :</td>
						<td><input type="password" id="userPw" name="userPw" style="width:97%;"></td>
					</tr>
					<tr>
						
						<td colspan="2" style="text-align:center;"><input id="goLoginBtn" type="button" value="로그인" style="width:185px;"></td>
					</tr>
				</table>
			</form>
		</div>
		<div id="accordion">
			<h3>
				<a href="#">거래내역조회</a>
			</h3>
			<div>
				<ul>
					<li><a href="http://10.210.33.38:8888/Report/test0502.jsp"
						target="test">일거래내역</a>
						<p>점포별 일일 거래내역을 조회 할 수 있습니다.</p></li>
				</ul>
				<ul>
					<li><a
						onclick="goPage('http://10.210.33.38:8888/Report/test0502.jsp');">월거래내역</a>
						<p>점포별 월 거래내역을 조회 할 수 있습니다.</p></li>
				</ul>
				<ul>
					<li><a href="#">쿠폰승인조회</a>
						<p>쿠폰 승인 내역을 조회 할 수 있습니다.</p></li>
				</ul>
				<ul>
					<li><a href="#">카드별승인조회</a>
						<p>점포별 카드 승인 내역을 조회 할 수 있습니다.</p></li>
				</ul>
				<ul>
					<li><a href="#">고액승인내역</a>
						<p>점포별 고액승인 내역을 조회 할 수 있습니다.</p></li>
				</ul>
			</div>
			<h3>
				<a href="#">정산내역조회</a>
			</h3>
			<div>
				<ul>
					<li><a href="#">일별집계자료</a>
						<p>일별 집계자료를 조회 할 수 있습니다.</p></li>
				</ul>
				<ul>
					<li><a href="#">월별집계자료</a>
						<p>월별 집계자료를 조회 할 수 있습니다.</p></li>
				</ul>
				<ul>
					<li><a href="#">쿠폰정산금액조회</a>
						<p>쿠폰 집계자료를 조회 할 수 있습니다.</p></li>
				</ul>
			</div>
			<h3>
				<a href="#">부정매출</a>
			</h3>
			<div>
				<ul>
					<li><a href="#">부정매출추정리스트조회</a>
						<p>부정매출이 의심되는 카드를 조회 할 수 있습니다.</p></li>
				</ul>
			</div>
		</div>
</body>
</html>

